<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    <link rel="stylesheet" href="/ui2/src/css/layui.css">
    <script src="/ui2/src/layui.js"></script>
</head>

<body>
	<div class="layui-container">
		常规布局（以中型屏幕桌面为例）：
		<div class="layui-row layui-col-space10">
			<div class="layui-col-md9">你的内容 9/12你的内容 9/12你的内容 9/12你的内容
				9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容
				9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12
			</div>
			<div class="layui-col-md3">你的内容 3/12你的内容 3/12你的内容 3/12你的内容
				3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容
				3/12你的内容 3/12</div>
		</div>
	</div>



	<div class="layui-fluid">
		常规布局（以中型屏幕桌面为例）：
		<div class="layui-row layui-col-space10">
			<div class="layui-col-md9">你的内容 9/12你的内容 9/12你的内容 9/12你的内容
				9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容
				9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12你的内容 9/12
			</div>
			<div class="layui-col-md3">你的内容 3/12你的内容 3/12你的内容 3/12你的内容
				3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容 3/12你的内容
				3/12你的内容 3/12你的内容 3/12</div>
		</div>
	</div>



	<div class="layui-fluid">
		<div class="layui-row layui-col-space5">
			<div class="layui-col-md5">
				<div class="layui-row grid-demo">
					<div class="layui-col-md3">内部列3</div>
					<div class="layui-col-md9">内部列9</div>
					<div class="layui-col-md12">内部列12</div>
				</div>
			</div>
			<div class="layui-col-md7">
				<div class="layui-row grid-demo grid-demo-bg1">
					<div class="layui-col-md12">内部列12</div>
					<div class="layui-col-md9">内部列9</div>
					<div class="layui-col-md3">内部列3</div>
				</div>
			</div>
		</div>
	</div>
</body>


</html>